﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" EnableViewState="false" %>

<%@ Register src="../../Controls/Common/Navigation.ascx" tagname="Navigation" tagprefix="uc1" %>

<%@ Register src="../../Controls/Product/ListPaginationByCategory.ascx" tagname="ListPaginationByCategory" tagprefix="uc2" %>
<%@ Register src="../../Controls/Product/List_TopProduct.ascx" tagname="List_TopProduct" tagprefix="uc3" %>

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="container">
		<div id="content" class="space-top-none">
			<div class="main-content">
				<div class="space10">&nbsp;</div>
				<div class="dg">
					<div class="col-3 wow fadeInDown">
						<div class="beta-banner">
							<img src="/images/banners/banner12.jpg" alt="">
							<h2 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 100,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [30, 30, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Sale</h2>
							<p 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 400,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [80, 80, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Nemo enim ipsam <br /> voluptatem quia</p>
							<a 
								class="beta-banner-layer beta-btn text-left banner-color" 
								href="single_type_quote.html"
								data-animo='{
									"duration" : 1000,
									"delay" : 300,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"bottom" : [25, 25, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Read More</a>
						</div>
					</div>
					
					<div class="col-3 wow fadeInDown">
						<div class="beta-banner beta-banner-white">
							<img src="/images/banners/banner13.jpg" alt="">
							<h2 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 100,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [30, 30, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Special Offers</h2>
							<p 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 400,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [80, 80, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Nemo enim ipsam <br /> voluptatem quia</p>
							<a 
								class="beta-banner-layer beta-btn text-left beta-banner-white" 
								href="single_type_quote.html"
								data-animo='{
									"duration" : 1000,
									"delay" : 300,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"bottom" : [25, 25, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Read More</a>
						</div>
					</div>

					<div class="col-3 wow fadeInDown">
						<div class="beta-banner beta-banner-white">
							<img src="/images/banners/banner14.jpg" alt="">
							<h2 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 100,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [30, 30, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Free Shipping</h2>
							<p 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 400,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [80, 80, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Nemo enim ipsam <br /> voluptatem quia</p>
							<a 
								class="beta-banner-layer beta-btn text-left beta-banner-white" 
								href="single_type_quote.html"
								data-animo='{
									"duration" : 1000,
									"delay" : 300,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"bottom" : [25, 25, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Read More</a>
						</div>
					</div>

					<div class="col-3 wow fadeInDown">
						<div class="beta-banner beta-banner-white">
							<img src="/images/banners/banner15.jpg" alt="">
							<h2 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 100,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [30, 30, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>New Arrivals</h2>
							<p 
								class="beta-banner-layer text-left"
								data-animo='{
									"duration" : 1000,
									"delay" : 400,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"top" : [80, 80, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Nemo enim ipsam <br /> voluptatem quia</p>
							<a 
								class="beta-banner-layer beta-btn text-left beta-banner-white" 
								href="single_type_quote.html"
								data-animo='{
									"duration" : 1000,
									"delay" : 300,
									"easing" : "easeOutSine",
									"template" : {
										"opacity" : [0, 1],
										"bottom" : [25, 25, "px"],
										"left" : [-300, 70, "px"]
									}
								}'
							>Read More</a>
						</div>
					</div>
				</div> <!-- under slider 4 banners -->
				
				<div class="space60">&nbsp;</div>
				<div class="row">
					<uc1:Navigation ID="Navigation1" runat="server" />
                    <div class="col-sm-9">
                        <uc3:List_TopProduct ID="List_TopProduct1" runat="server" />
                        <uc2:ListPaginationByCategory ID="ListPaginationByCategory1" runat="server" />
                        
					</div> 
				    
				</div> <!-- end section with sidebar and main content -->		


			</div> <!-- .main-content -->
		</div> <!-- #content -->
	</div> <!-- .container -->
</asp:Content>

